<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS三大特性</title>
    <style>
      div {
        color: red;
        border: 1px solid black;
      }
      p {
        color: blue !important;/*重要的 被声明的样式属性 优先级最高*/
      }
      #p2 {
        color: green;
      }
    </style>
</head>
<body>
  <div style="height: 300px">
    <p>p1</p>
    <p id="p2" style="color: red">p2</p>
    <div>
      <span>span1</span>
      <span style="color: green">span2</span>
    </div>
    <!-- 超链接标签有默认样式 -->
    <a href="https://www.taobao.com">超链接</a>
  </div>
</body>
</html>